<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="//cdn.bootcss.com/weui/0.4.3/style/weui.min.css">
		<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/0.8.3/css/jquery-weui.min.css">
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			body{
				background-color: #E8E8E8 !important;
			}	
			input{
				 -webkit-user-select:none;
				 /*解決在iphone手机下隐藏input光标*/
			}
		</style>
	</head>
	<body id="wode">
		<div class="laststep">
			<div class="qlist">
				<p>请选择</p>
				<span class="active">我是业主</span>
				<span>我是租户</span>
			</div>
			<div>
				<p>小区</p>
				<select id="area"></select>
			</div>
			<div>
				<div class="weui-row">
				  <div class="weui-col-33">
				  	<p>楼栋</p>
				  	<select id="cmbProvince"></select>  
				  </div>
				  <div class="weui-col-33">
				  	<p>单元</p>
				  	<select id="cmbCity"></select>
				  </div>
				  <div class="weui-col-33">
				  	<p>房号</p>
				  	<select id="cmbArea"></select>  
				  </div>
				</div>
			</div>
			<a href="javascript:;" class="weui_btn weui_btn_primary wc">完成</a>
		</div>
		
		<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>
		<script type="text/javascript" src="../js/jsAddress.js" ></script>
		<script>
			$(".qlist span").click(function(){
					$(this).addClass("active").siblings().removeClass("active")
			})
			$(document).on("click", ".wc", function() {
       			$.alert({
				  title: '温馨提示',
				  text: '恭喜您，注册成功！',
				  onOK: function () {
				    //点击确认
				     window.location.href = 'wode.html';
				  }
				});
      		});
      	 addressInit('area','cmbProvince','cmbCity','cmbArea');  
		</script>
	</body>
</html>
